<template>
    <div class="home_content">
       <el-row>
           <el-col :span="24">
               <div class="headers">
                   <div class="header_logo lb">
                       <figure>
                           <img src="../assets/iamges/logo.png" alt="" style="width:100px;height:30px;">
                       </figure>
                   </div>
                   <div class="header_right lb fr">
                       <el-dropdown @command="handleCommand">
                        <span class="el-dropdown-link">
                            <i class="el-icon-user-solid" style="padding-right:9px;"></i>admin<i class="el-icon-arrow-down"></i>
                        </span>
                        <el-dropdown-menu slot="dropdown">
                            <el-dropdown-item command="a">退出</el-dropdown-item>
                        </el-dropdown-menu>
                        </el-dropdown>
                   </div>
               </div>
           </el-col>
       </el-row>
    </div>
</template>
<script>
export default {
    name:'Header',
    data () {
        return {
            
        }
    },
    created () {
        
    },
    mounted () {
        
    },
    methods: {
        //下拉框数据
        handleCommand(command) {
            console.log(command);    
        }
    }
}
</script>
<style lang="scss">
    .headers{
        height:50px;
        background-color: aquamarine;
        line-height: 50px;
        color:#000;
        padding:0 50px 0 10px;
    }
    .header_right{
        text-align: right;
    }
    .header_logo{
        
    }
</style>



